import React from 'react';
import '../styles/components.css';

const NoteInput = ({ note, onNoteChange }) => {
  return (
    <div className="form-group">
      <label htmlFor="note-input" className="form-label">
        <span className="label-icon">📝</span>
        报警备注 (可选)
      </label>
      <textarea
        id="note-input"
        value={note}
        onChange={(e) => onNoteChange(e.target.value)}
        placeholder="请描述您的情况、位置或其他重要信息..."
        className="note-input"
        rows="4"
      />
      <div className="note-tip">
        例如：我在XX路XX号三楼，有人尾随我...
      </div>
    </div>
  );
};

export default NoteInput;